<template>
  <div>
    <p>{{ count }}</p>
    <button @click="increment">Increment</button>
    <el-button type="primary" @click="increment">Increment</el-button>
  </div>
</template>
<script setup>
import { ref,onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBeforeUnmount, onUnmounted } from 'vue';
const count = ref(0);
function increment() {
  count.value++;
}
onBeforeMount(() => console.log('beforeMount'));
onMounted(() => console.log('mounted'));
onBeforeUpdate(() => console.log('beforeUpdate'));
onUpdated(() => console.log('updated'));
onBeforeUnmount(() => console.log('beforeUnmount'));
onUnmounted(() => console.log('unmounted'));
</script>